import Vue from 'vue'
import {
  message,
  notification,
  Affix,
  Anchor,
  AutoComplete,
  Alert,
  Avatar,
  BackTop,
  Badge,
  Breadcrumb,
  Button,
  Calendar,
  Card,
  Collapse,
  Carousel,
  Cascader,
  Checkbox,
  Col,
  DatePicker,
  Divider,
  Dropdown,
  Form,
  FormModel,
  Icon,
  Input,
  InputNumber,
  Layout,
  List,
  LocaleProvider,
  Menu,
  Mentions,
  Modal,
  Pagination,
  Popconfirm,
  Popover,
  Progress,
  Radio,
  Rate,
  Row,
  Select,
  Slider,
  Spin,
  Statistic,
  Steps,
  Switch,
  Table,
  Transfer,
  Tree,
  TreeSelect,
  Tabs,
  Tag,
  TimePicker,
  Timeline,
  Tooltip,
  Upload,
  Drawer,
  Skeleton,
  Comment,
  // ColorPicker,
  ConfigProvider,
  Empty,
  Result,
  Descriptions,
  PageHeader
} from 'ant-design-vue'

Vue.use(message)
  .use(notification)
  .use(Affix)
  .use(Anchor)
  .use(AutoComplete)
  .use(Alert)
  .use(Avatar)
  .use(BackTop)
  .use(Badge)
  .use(Breadcrumb)
  .use(Button)
  .use(Calendar)
  .use(Card)
  .use(Collapse)
  .use(Carousel)
  .use(Cascader)
  .use(Checkbox)
  .use(Col)
  .use(DatePicker)
  .use(Divider)
  .use(Dropdown)
  .use(Form)
  .use(FormModel)
  .use(Icon)
  .use(Input)
  .use(InputNumber)
  .use(Layout)
  .use(List)
  .use(LocaleProvider)
  .use(Menu)
  .use(Mentions)
  .use(Modal)
  .use(Pagination)
  .use(Popconfirm)
  .use(Popover)
  .use(Progress)
  .use(Radio)
  .use(Rate)
  .use(Row)
  .use(Select)
  .use(Slider)
  .use(Spin)
  .use(Statistic)
  .use(Steps)
  .use(Switch)
  .use(Table)
  .use(Transfer)
  .use(Tree)
  .use(TreeSelect)
  .use(Tabs)
  .use(Tag)
  .use(TimePicker)
  .use(Timeline)
  .use(Tooltip)
  .use(Upload)
  .use(Drawer)
  .use(Skeleton)
  .use(Comment)
  // .use(ColorPicker)
  .use(ConfigProvider)
  .use(Empty)
  .use(Result)
  .use(Descriptions)
  .use(PageHeader)

export default (context, inject) => {
  inject('message', message)
  inject('notification', notification)
}
